@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
@import url("reset.css");
@import url("fonts.css");
@import url("base.css");
@import url("html5-reset.css");

@font-face {
    font-family: 'bitterregular';
    src: url('fonts/bitter-regular.eot');
    src: url('fonts/bitter-regular-1.eot') format('embedded-opentype'),
         url('fonts/bitter-regular.woff') format('woff'),
         url('fonts/bitter-regular.ttf') format('truetype'),
         url('fonts/bitter-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url('fonts/689331055-OpenSans-Regular_0.eot');
    src: url('fonts/689331055-OpenSans-Regular_0-1.eot') format('embedded-opentype'),
    url('fonts/689331055-OpenSans-Regular_0.svg') format('svg'),
    url('fonts/689331055-OpenSans-Regular_0.woff') format('woff'),
    url('fonts/689331055-OpenSans-Regular_0.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold_0.eot');
    src: url('fonts/opensans-bold_0-1.eot') format('embedded-opentype'),
         url('fonts/opensans-bold_0.woff') format('woff'),
         url('fonts/opensans-bold_0.ttf') format('truetype'),
         url('fonts/opensans-bold_0.svg') format('svg');
}

body{background: #ffffff;  margin:0px; padding:0px;}
p {margin:0px; padding:0px 0px 15px 0px; line-height:20px; font-size:14px; color:#3d3c3c;}
#page-wrap {width:960px; margin:0px auto;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#2B84C6;}
a:hover, a.selected {text-decoration:none; color:#333333;}
a:focus{outline:none;}
ul {list-style:none;}
li {list-style:none;}
h1{font-size:30px; color:#383838; margin-bottom:20px; font-family: 'bitterregular';}
h3{font-size:24px; color:#383838; margin-bottom:20px; font-family: 'bitterregular';}
h5{font-size:18px; color:#000; margin-bottom:20px; font-family: 'bitterregular';}

/* ========== Do Not Touch In Css End ========== */

/* ------- Top Area Strat ------- */

header{border-top:13px solid #049cd5; padding:10px 0;}

/* ------- Top Area End ------- */

/* ------- Navigation Area Strat ------- */

.navigation{margin:0px; padding:0px;}
.navigation ul{margin:0px; padding:0px; float:right; padding-top:25px;}
.navigation ul li{font-family: 'bitterregular'; font-size:16px; color:#4d4948; margin-left:50px; float:left;}
.navigation ul li:first-child{margin-left:0;}
.navigation ul li a{color:#4d4948;}
.navigation ul li:hover a, .navigation ul li.selected a{color:#049cd5;}
.hmcntabt{background:#e3e2de; padding:40px 0; m text-align:center;}
.hmcntabt h1{font-size:30px; color:#383838; text-align:center; line-height:70px; margin-bottom:20px; font-family: 'bitterregular';}
.readmote{font-size:14px; font-weight:bold; color:#262525; font-family: 'open_sansbold';}
.readmote a{color:#262525;}




.topnav {
  overflow: hidden;
  margin-top:10px;
  
  
}

.topnav a {
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 16px;
}

.topnav a:hover {
  background-color: #009fe0;
  color: black;
}

.active {
  background-color: #009fe0;
  color: #fff;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 650px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 650px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}











/* ------- Navigation Area End ------- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */

.hmpro{padding:40px 0; background:url(../images/bg_hmpro.jpg) repeat; font-family: 'bitterregular'; height:540px; overflow:hidden;}
.hmpro h1{font-size:30px; color:#fff; text-align:center; line-height:70px; margin-bottom:20px; font-family: 'bitterregular';}
.hmpro img{margin-bottom:20px; width:100%;}
.hmpro span{font-size:18px; color:#fff; padding-bottom:15px; margin-bottom:20px; display:inline-block;}
.hmpro figure:hover span{border-bottom:1px solid #fff; margin-bottom:19px;}
.hmcntbtm{background:url(../images/bg_ourbusiness.jpeg) no-repeat center top #d9d8d6; padding:40px 0;}
.certificate{margin:0px; padding:0px;}
.certificate ul{margin:0px; padding:0px;}
.certificate ul li{border:1px solid #000; text-align:center; padding:10px;}
.certificate_home img{ width:100%; max-width:180px;}

.owl-carousel .owl-controls{ margin:10px auto; width:100px; text-align:center; display:block; }
.owl-carousel .owl-controls .owl-prev{background:url(../images/pag_prev.png) center center no-repeat #ccc; height:35px; width:35px; display:inline-block; margin-right:10px;}
.owl-carousel .owl-controls .owl-next{background:url(../images/pag_next.png) center center no-repeat #ccc; height:35px; width:35px; display:inline-block;}
.owl-carousel .owl-controls .owl-prev:hover{background:url(../images/pag_prev_hover.png) center center no-repeat #049cd5;}
.owl-carousel .owl-controls .owl-next:hover{background:url(../images/pag_next_hover.png) center center no-repeat #049cd5;}

/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */

.innerbanner{height:402px; overflow:hidden; text-align:center;}
#map{height: 402px;}
/*html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}*/
.innerbanner img{max-width:100%}
.incnt{padding:40px 0; min-height:400px;}
.bgvisionmission{min-height:400px; background:url(../images/bg_visionmission.jpg) no-repeat center top;}
.bggreen{background:#049cd5; min-height:400px; padding:40px 20px;}
.bggreen h1{color:#fff;}
.bggreen p{color:#fff; line-height:30px;}
.martop40{margin-top:40px;}
.martop20{margin-top:20px;}
span.clrgrn{color:#049cd5;}
.bgmission{width:70%;}
.bgplant{background:url(../images/bgplant.png) no-repeat right bottom; min-height:380px;}
.bgcontact{background: #4d4948 url(../images/bgcontact.jpg) no-repeat left top; min-height:680px; padding:40px 0;}
.bgcontact p span{font-family: 'open_sansbold';}
.inquiry h1{color:#049cd5;}

.form-group {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}
.form-group input, .form-group textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none !important;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 10px 0 0;
    outline: medium none;
    padding: 5px 0;
    width: 100%;
}
.incnt .form-group input, .form-group textarea{border-color:#000; color:#000;}
.incnt .form-group label{color:#000;}
.form-group label {
    color: #fff;
    font-size: 12px;
    left: 0px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.15s ease-out 0s;
}
.form-group label.textarea{margin-left:5px;}
.form-group input:focus + label, .form-group input.has-value + label, .form-group textarea:focus + label, .form-group textarea.has-value + label, .form-group input +  span.error + label{
    color: #049cd5;
    font-size: 13px;
    top: 0;
}
.incnt .form-group textarea{background:url(../images/bg_textarea_black.png) repeat;}
.form-group textarea {
    background:url(../images/bg_textarea.png) repeat;
	line-height:32px;
	resize:none;
    margin: 25px 0 0;
    min-height: 120px;
    padding: 0;
	border:0;
	color:#fff;
}
.form-group textarea + label {
    top: 25%;
}
.form-group textarea:focus + label, .form-group textarea.has-value + label{
    top: 25px;
}
.btnsubmit{
	font-family: 'bitterregular';
    background: none repeat scroll 0 0 #049cd5;
	font-size:12px;
    color: #fff;
    display: inline-block;
    padding: 8px 10px;
	border:0;
}

.leftmenu ul{margin:0px; padding:0px;}
.leftmenu ul li{font-size:14px; color:#fff; background:#4d4948; font-family: 'bitterregular';}
.leftmenu ul li a{color:#fff;}
ul.bullet li{background:url(../images/bullet.png) no-repeat left 5px; padding-left:15px; font-size:14px; color: #3d3c3c; padding-bottom:10px;}
.glyphicon {float: right;}
.prolist{margin:0px; padding:0px;}
.prolist a{ display:block;}
.foodimgarea{ max-height:200px; overflow:hidden; margin-bottom:10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); border: 1px solid #ddd; border-radius: 4px; padding:4px;}
.prolist img{width:100%; max-width:600px; min-height:190px; padding:0px!important; border:none!important; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075)!important;}
.prolist span{text-align:center; font-size:16px; color:#000; display:block; font-family: 'bitterregular'; margin-bottom:20px;}

/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */

footer{margin:0px; padding:40px 0; background:#cbcbcb;}
footer ul{margin:0px; padding:0px;}
footer ul li{font-size:16px; color:#4d4948; padding-bottom:10px; font-family: 'bitterregular';}
footer ul li a{color:#4d4948;}
footer ul li:hover a, footer ul li.selected a{color:#049cd5;}
footer p span{font-family: 'open_sansbold';}
footer p a{color:#3d3c3c;}
.sociallinks{margin:0px; padding:0px;}
.sociallinks ul{margin:0px; padding:0px;}
.sociallinks ul li{color:#444444; float:left; background:#fff; margin-right:10px; padding-bottom:0;}
.sociallinks ul li a{color:#444444; padding:10px; display:inline-block; text-align:center; width:40px;}
.sociallinks ul li:hover a.facebook{background:#3b5998; color:#fff;}
.sociallinks ul li:hover a.twitter{background:#5EA9DD; color:#fff;}
.sociallinks ul li:hover a.linkedin{background:#1060A6; color:#fff;}

/*.btm_contactaddress{}
.btm_contactaddress img{ width:100%; max-width:174px;}*/

.footerlogo{text-align:right;}
.footerlogo img{ width:100%; max-width:247px;}
.copyright{background:#bababa; padding:15px 0; font-size:13px; color:#3d3c3c;}
.copyright a{color:#3d3c3c;}
.logomegh{text-align:right;}
.logomegh figure{display:inline-block;}

.form-group span.error {
	font-size:11px;
    bottom: 10px;
    color: #f00;
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right;
}
ul.arrow{width:100%;}
ul.arrow li{color:#fff; margin-bottom:8px; font-size:14px; background:url(../images/white_dot.png) no-repeat left 3px; padding-left:15px;}
.newstable{width:100%;}
.newstable tr th{padding:10px;}
.newstable tr td img{float:left; margin-right:15px;}
.newstable tr td{font-size:14px;}


.rwd-table {
	font-family:Arial, Helvetica, sans-serif;
	margin: 1em 0;
}
.rwd-table tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.rwd-table th {
	display: none;
}
.rwd-table td {
	display: block;
}
.rwd-table td:first-child {
	padding-top: .5em;
}
.rwd-table td:last-child {
	padding-bottom: .5em;
}
.rwd-table td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	width: 100%;
	display: inline-block;
}

@media (min-width: 480px) {
.rwd-table td:before {
	display: none;
}
}
.rwd-table th, .rwd-table td {
	text-align: left;
}
@media (min-width: 480px) {
.rwd-table th, .rwd-table td {
	display: table-cell;
	padding: .25em .5em;
}
.rwd-table th:first-child, .rwd-table td:first-child {
	padding-left: 0;
}
.rwd-table th:last-child, .rwd-table td:last-child {
	padding-right: 0;
}
}

.rwd-table {

	
	border-radius: .4em;
	overflow: hidden;
}
.rwd-table tr {
	
}
.rwd-table th, .rwd-table td {
	margin: .5em 1em;
}
@media (min-width: 480px) {
.rwd-table th, .rwd-table td {
	padding: 1em !important;
}
}
.rwd-table th, .rwd-table td:before {
	
}
/* ------- Footer Area End ------- */
@media screen and (min-width : 1025px) and (max-width : 1280px) {.inquiry { margin-left:20px;}}
@media (max-width: 1024px) {
	.navigation ul li{margin-left:40px;}
	.innerbanner{height: 230px;}
	.bgcontact{background: url("../images/bgcontact.jpeg") no-repeat scroll -200px top #4d4948;}
	}
@media screen and (min-width : 770px) and (max-width : 1020px) {.navigation ul li{margin-left:13px; font-size:14px;}.visible-sm-block{ display:none!important;}.owl-carousel .owl-item  .owl-item{ float:none; margin-right:15px;}.innerbanner { height: 180px; }.inquiry { margin-left:30px; margin-right:-40px;}

}
@media (max-width: 1000px) {.foodimgarea{ max-height:none; text-align:center; overflow:visible; max-width:600px; margin:0px auto 10px auto;}
.prolist img{width:100%; max-width:600px; min-height:190px;}}
@media (max-width: 900px) {.inquiry { margin-left:74px; margin-right:-60px;}}
@media (max-width: 800px) {.inquiry { margin-left:0px; margin-right:0px;}}
@media (min-width: 768px) and (max-width:980px) {.prolist a{ height:350px;} .foodimgarea{ height:300px;} .prolist img{ height:100%; width:100%;}}
@media (max-width: 768px) {
	.innerbanner{height: 170px;}
	.certificate ul li img{width:100%;}
    .owl-carousel .owl-item  .owl-item{ float:none; margin-right:7px;}
	
	.navigation ul{padding:10px; background:#049cd5; margin-top:5px;}
	.navigation ul li{float:none; margin-left:0; margin-bottom:10px;}
	.navigation ul li a{color:#000;}
	.navigation ul li:hover a, .navigation ul li.selected a{color:#fff;}
	.bgvisionmission{min-height:400px; background:url(../images/bg_visionmission.jpeg) repeat-y center top;}
	.bgcontact{background: url("../images/bgcontact.jpeg") no-repeat scroll -350px top #4d4948;}
	}
@media (max-width: 750px) { .business_area{ padding-bottom:20px;} .btm_contactaddress{ border-bottom:#b3b2b2 solid 1px; padding-bottom:20px; border-top:#b3b2b2 solid 1px; padding-top:20px;}
.bggreen, .bgvisionmission, .bgplant{ min-height:290px;}
.newstable tr td img{ display:block; margin-bottom:4px;}
.certification_inner a{ display:block; text-align:center; margin-bottom:40px;}
.certification_inner a img{ width:100%; max-width:280px;}
}
@media (max-width: 640px) {
	.innerbanner{height: 140px;}
	.footerlogo{text-align:center; margin-top:20px}
	.logo, .copyright{text-align:center;}
	.logomegh{text-align:center; margin-top:10px;}
	footer, footer h3{text-align:center;}
	footer ul, footer p a{margin-bottom:20px; display:inline-block;}
	.sociallinks{display:inline-block;}
	.bg640{background:#4d4948; padding:15px;}
	.bgcontact {background: url("../images/bgcontact.jpeg") no-repeat scroll center top #4d4948;}
	.newstable tr td img{float:none; margin-right:15px;}
	.bx-wrapper .bx-pager{ display:none;}
	.carousel1 { padding-left:5px;}
	}
@media (max-width: 480px) {
	.innerbanner{height: 105px;}
	.owl-carousel .owl-item  .owl-item{ float:none; margin-right:5px;}
	.carousel1 { padding-left:3px;}
	}
@media (max-width: 360px) {
	.bgmission{width:100%;}
	.bgplant{background:none;}
	.innerbanner{height: 80px;}
	.hmcntabt h1{ line-height:normal;}
	.owl-carousel .owl-item  .owl-item{ margin-right:0px;}
	.carousel1 { padding-left:0px;}
	.hmpro{ height:595px;}
	.rwd-table tr{ border:none; padding:0px; margin-bottom:30px; display:block;}
	.rwd-table th, .rwd-table td{ margin:0px;}
	.newstable tr td img{ margin-top:4px;}
	
	}
@media (max-width: 320px) {
	.innerbanner{height: 70px;}
	.hmpro{ height:565px;}
	}